.wrap {
  background: #F4F4F4;
  height:calc(100vh - 110px) ;
  width: 100vw;
  overflow: hidden;
}
.wrapX{
  height:calc(100vh - 160px) ;
}
.topBar {
  width: 750px;
  padding-top: 30px;
  background: linear-gradient(180deg, #E0FFF6 0%, #FFF 100%);
}

.search {
  background: rgba(0, 0, 0, 0);
  width: 492px;
  height: 72px;
  border-radius: 36px;
  margin: 0;
  padding: 0;
  padding-left: 32px;

  .at-search-bar__input {
    background: linear-gradient(90deg, rgba(0, 237, 179, .1) 0%, rgba(0, 123, 255, .1) 100%);
    color: #999999;
    font-size: 22px;
    height: 400px;
  }

  .at-search-bar__action {
    display: none;
  }

}

.search::after {
  border: 0;
}

.tabUl {
  padding-top: 22px;
  padding-bottom: 14px;
  padding-left: 46px;
  display: flex;

  .tabLi {
    height: 56px;
    line-height: 56px;
    padding-bottom: 16px;
    font-size: 28px;
    color: #666;
    margin-right: 80px;
  }

  .active {
    font-weight: 600;
    color: #000000;
    font-size: 40px;
    background: url(../../assets/img/indexTab.png) no-repeat center bottom;
    background-size: 36px 16px;
  }
}

.swiperWrap {
  margin: 20px;
}
.contentBox{
  overflow: auto;
}

.articleUl {
  background: #F4F4F4;

  .articleLi {
    padding-bottom: 20px;
  }
}

